<script>
	$(document).ready(function(){
			
		list_user = $('#list_fungsi').dataTable({
			"bFilter" : true,
			"bJQueryUI" : true,
			"aLengthMenu": [[10,25,50, 100, -1], [10,25,50,100, "Semua"]],
			"sPaginationType": "full_numbers",
			"oLanguage": {
				"sLengthMenu": "Menampilkan _MENU_ data",
				"sZeroRecords": "Belum ada data yang tersimpan",
				"sInfoFiltered": "(Hasil filter dari _MAX_ yang didapat)"
			}
		});
                 
	});
</script>
<style>
	th{
		cursor: pointer;
	}
	th .ui-icon {
		display :none;
	}
</style>
<div style="width : 700px;margin : 0 auto;">
<table id="list_fungsi" width="700" border="0">
	<thead>
		<tr>
			<th width="50">No</th>
			<th width="100">nama fungsi</th>
                        <th width="100">Type</th>
			<th width="300">link</th>
			<th width="100">Aksi</th>
		</tr>
	</thead>
	<tbody>
		<?php for ($i = 0; $i < count($list_fungsi); $i++) { ?>
			<tr>
				<td align="center"><?php echo ($i + 1) ?></td>
				<td align="center"><?php echo $list_fungsi[$i]['nama_fungsi'] ?></td>
                                <td align="center"><?php echo $list_fungsi[$i]['type'] ?></td>
				<td align="center"><?php echo $list_fungsi[$i]['link'] ?></td>
				<td align="center">
					<a href="<?php echo FUNGSI ?>edit_fungsi/<?php echo $list_fungsi[$i]['id'] ?>">Edit</a> 
					| 
					<a href="<?php echo FUNGSI ?>delete_fungsi/<?php echo $list_fungsi[$i]['id'] ?>" onclick="return confirm_msg()">Delete</a>
				</td>
			</tr>
		<?php } ?>
	</tbody>
</table>
</div>
<a href="<?php echo FUNGSI ?>add_fungsi" class="tombol">add</a>